<template>
  <el-pagination
    layout="prev, pager, next, total, sizes, jumper"
    :total="count"
    @current-change="handleChangeCurrent"
    @size-change="handleChangeSize"
  />
</template>

<script>
export default {
  props: {
    count: {
      type: Number,
      default: 0
    }
  },
  methods: {
    handleChangeCurrent(val) {
      this.$emit('changeCurrentPage', val)
    },
    handleChangeSize(val) {
      this.$emit('changePageSize', val)
    }
  }
}
</script>

<style lang="stylus" scoped>
  .el-pagination {
    display: flex;
    align-items: center;
    height: 35px;
    border: 1px solid #eee;
    border-top: none;
  }
</style>
